<script setup>
  import { ref } from 'vue';
  import 编辑 from '@/assets/icon/编辑.svg';
  import 删除 from '@/assets/icon/删除.svg';
  let emit = defineEmits(['edit', 'del']);
  const props = defineProps({});
</script>
<template>
  <div style="position: relative">
    <div class="toolbar">
      <div class="card icon_N2" v-on:click.stop="$emit('edit')">
        <img class="img" :src="编辑" />
      </div>
      <div class="card icon_N2" v-on:click.stop="$emit('del')">
        <img class="img" :src="删除" />
      </div>
    </div>
  </div>
</template>
<style scoped>
  .card {
    display: inline-block;
    transition: 0.2s ease-in-out;
    border-radius: 0.2rem;
    margin-left: 0.3rem;
    background-color: rgba(245, 245, 245, 0.3);
  }
  .card:last-child {
    margin-right: 0.3rem;
  }
  .card:hover {
    background-color: var(--color-text-pink-light);
  }
</style>
